<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>平台登录类型</title>
    <style>
        *{
            box-sizing: border-box;
        }
        html,body{
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
        }
        main{
            height: 100vh;
            width: 100vw;
            background-image: url("平台下载/平台下载背景图层1@2x.png");
            padding: 141px 0 0 0;
        }
        #d1{
            background-image: url("平台下载/矢量智能对象拷贝@2x.png");
            width: 305px;
            height: 401px;
            margin: 0 auto;
        }
        #d2{
            background-image: url("平台下载/安卓下载@2x.png");
            margin: 120px auto 32px;
            width: 593px;
            height: 88px;
        }
        #d3{
            background-image: url("平台下载/IOS下载拷贝@2x.png");
            width: 593px;
            height: 88px;
            margin: 0 auto;
        }
        @media all and (min-width: 740px) {
            main{
                width: 100vw;
                background-image: url("img/平台下载背景图层1@2x.png");
                padding: 141px 0 0 0;
            }
            #d1{
                background-image: url("img/矢量智能对象拷贝@3x.png");
                width: 458px;
                height: 602px;
                margin: 0 auto;
            }
            #d2{
                background-image: url("img/安卓下载@3x.png");
                margin: 120px auto 32px;
                width: 890px;
                height: 132px;
            }
            #d3{
                background-image: url("img/IOS下载拷贝@3x.png");
                width: 890px;
                height: 132px;
                margin: 0 auto;
            }
        }
    </style>
</head>
<body>
    <main>
        
        <div id="d1"></div>
        <div id="d2"></div>
        <div id="d3"></div>
    </main>
</body>
</html>